<template>
  <div class="listplayer">
    <v-simple-table dense fixed-header height="450px">
      <template v-slot:default>
        <thead>
          <tr>
            <th class="text-left rounded-t">姓名</th>
            <th class="text-left rounded-t">学校</th>
            <th class="text-left rounded-t">工位号</th>
          </tr>
        </thead>
        <tbody>
          <tr v-for="item in listPlayer" :key="item.name">
            <td>{{ item.name }}</td>
            <td>{{ item.school }}</td>
            <td>{{ item.num }}</td>
          </tr>
        </tbody>
      </template>
    </v-simple-table>
  </div>
</template>

<script>
import { Vue, Component, Prop } from "vue-property-decorator";

@Component
export default class ListPlayer extends Vue {
  @Prop(Array) listPlayer;
}
</script>

<style>
</style>
